@extends('admin.layouts.index')
@section('title', '绑定自有域名')
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="m-card">
                <div class="m-card-header header-bottom">绑定自有域名</div>
                <div class="m-form-item">
                    <label for="text"><b>*</b>主机记录：</label>
                    <div class="m-col-2 m-xs-12">
                        <input type="text" class="m-input" id="prefix" placeholder="请输入二级域名前缀" value="" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" onchange="prefixChange();">
                    </div>
                </div>
                <div class="m-form-item">
                    <label for="text"><b>*</b>解析域名：</label>
                    <div class="m-col-4 m-xs-12">
                        <input type="text" class="m-input" id="domain" placeholder="请输入要解析的域名" value="" onchange="domainChange();">
                    </div>
                    @csrf
                </div>
                <div class="m-form-item">
                    <a href="javascript:;" class="m-form-btn" onclick="bindDomainSubmit();">立即绑定域名</a>
                </div>
                <div class="m-info-item">
                    <label>域名绑定方案一：</label>
                    <div class="text">
                        <ul>
                            <li>1、进入域名解析后台 - 点击添加记录；</li>
                            <li>2、选择 <font class="text-primary">记录类型</font> 为 <font class="text-danger">显性URL</font>；</li>
                            <li>3、主机记录填写为 <font class="text-danger" id="prefix_1">-</font>，记录值填写为 <font class="text-danger">https://s.pdb2.com</font>；</li>
                            <li>4、点击 <font class="text-primary">确认</font> - 返回<font class="text-primary">天天外链后台</font> - 点击<font class="text-primary">立即绑定域名</font>。</li>
                            <p>提示:如果绑定失败请参考 <a href="https://www.tiantianwailian.com/news/1157.html" target="_blank">绑定域名常见问题汇总</a></p>
                        </ul>
                    </div>
                </div>
                <div class="m-info-item" style="margin: 0;">
                    <label>域名绑定方案二：</label>
                    <div class="text">
                        <ul>
                            <li>1、进入域名解析后台；</li>
                            <li>2、点击 <font class="text-primary">添加记录</font> 选择 <font class="text-primary">记录类型</font> 为 <font class="text-danger">TXT</font>，主机记录为 <font class="text-danger">verification</font>，记录值 <font class="text-danger">联系客服提供要解析的域名后获取</font>；</li>
                            <li>3、点击 <font class="text-primary">添加记录</font> 选择 <font class="text-primary">记录类型</font> 为 <font class="text-danger">CNAME</font>；主机记录为 <font class="text-danger" id="prefix_2">-</font>，记录值为 <font class="text-danger" id="cname_text">-</font>；</li>
                            <li>4、点击 <font class="text-primary">确认</font> - 返回<font class="text-primary">天天外链后台</font> - 点击<font class="text-primary">立即绑定域名</font>。</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    function bindDomainSubmit() {
        var prefix = $("#prefix").val();
        var domain = $("#domain").val();
        if (prefix == "") {
            mviewToastr("error","请输入主机记录！");
            return;
        }
        if (domain == "") {
            mviewToastr("error","请输入域名！");
            return;
        }
        if (!checkDoamin(domain)) {
            mviewToastr("error","请输入正确的域名!");
            return;
        }
        $.ajax({
            "url": "/admin/users/domain_add_submit",
            "type": "GET",
            "data": {"prefix":prefix,"domain":domain},
            success: function(res){
                if (res.status == "success") {
                    mviewToastr("success",res.msg);
                    setTimeout(function() {
                        window.location.href = "/admin/users/domain_list";
                    },3000);
                } else {
                    mviewToastr("error",res.msg,5);
                }
            },
            error: function(err){
                mviewToastr("error","网络异常,请刷新网页后重试!");
            }
        });
    }

    function prefixChange() {
        var prefix = $("#prefix").val();
        $("#prefix_1").text(prefix);
        $("#prefix_2").text(prefix);
        domainChange();
    }

    function domainChange() {
        var prefix = $("#prefix").val();
        var domain = $("#domain").val();
        if (prefix != "" && domain != "") {
            $("#cname_text").text(prefix+"."+domain+".w.kunlunaq.com");
        }
    }

    function checkDoamin(domain) {
        var rule = /^(([-\u4E00-\u9FA5a-z0-9]{1,63})\.)+([\u4E00-\u9FA5a-z]{2,63})\.?$/;
        if (rule.test(domain)) {
            return true;
        } else {
            return false;
        }
    }
</script>


@endsection
